﻿.side {
    width: 50%;
}

hr.inline {
    display: inline;
    width: 100%;
    height: 1px;
}

.section {
    float: left;
    margin-right: 5px;
}

.title {
    float: left;
    margin-right: 30px;
}

#events-table {
    width: 45%;
    float: left;
    margin: 0;
}

    #events-table td {
        border-bottom: 1px solid #333;
        padding: 10px;
        height: 30px;
    }

td#header {
    font-size: 18px;
}

td#actions {
    text-align: right;
}

    td#actions a {
        text-decoration: none;
    }

#event-details {
    float: right;
    width: 50%;
    padding: 10px;
    border: 2px solid #333;
    border-radius: 10px;
    /*position: fixed;
    left: 610px;*/
    visibility: hidden;
}

    #event-details h2 {
        text-align: center;
        margin-bottom: 20px;
    }


.event-participant-section {
    height: 100px;
    float: left;
    min-width: 150px;
    min-height: 200px;
}

.event-detail-section {
    height: 50px;
    float: left;
    min-width: 230px;
}

    .event-detail-section img {
        float: left;
        margin-right: 10px;
    }

        .event-detail-section img.high {
            margin-bottom: 10px;
        }

.event-participant-section img.photo {
    width: 120px;
    height: 150px;
}

div.high {
    min-height: 60px;
}

.event-detail-section h5 {
    margin: 0;
}

p {
    margin: 0;
}

#event-index {
    min-height: 600px;
}
